<!-- 主页面 -->
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3" translate="area.moduleName"></h1>
</div>
<div class="wrapper-md" ng-controller="AreaCtrl">
    <div class="row">
        <!-- 区域树结构 -->
        <div class="col-md-3 m-b-sm">
            <div class="panel panel-default">
                <div class="panel-heading font-bold" translate="area.structureName"></div>
                <div class="panel panel-body">
                    <ul iss-ztree="vm.treeSetting" id="archTree" tree-control="vm.treeObj" class="ztree"></ul>
                </div>
            </div>
        </div>
        <div class="col-sm-9 m-b-sm">
            <div class="panel panel-default">
                <!--面板标题-->
                <div class="panel-heading font-bold" translate="area.panelName"></div>
                <div class="panel-neck row">
                    <form class="form-inline col-md-12" role="form">
                        <!--搜索类型-->
                        <div class="form-group">
                            <input name="name" class="form-control"
                                   ng-model="vm.query.name"
                                   maxlength="32"
                                   placeholder="{{'area.name' | translate}}"/>
                        </div>
                        <!-- <div class="form-group">
                             <input class="form-control"
                                    maxlength="32"
                                    ng-model="vm.query.number"
                                    ng-pattern="app.reg.account"
                                    placeholder="{{'area.number' | translate}}"/>
                         </div>-->
                        <div class="form-group pull-right">
                            <button class="btn btn-sm btn-primary" ng-click="vm.search()">
                                <i class="fa fa-search"></i> {{'common.search'|translate}}
                            </button>
                            <button iss-permission="B_ARCH_ADD"
                                    class="btn btn-sm btn-primary" id="addArchBtn" ng-click="vm.addArea()">
                                <i class="fa fa-plus"></i>
                                <span translate="common.add"></span>
                            </button>
                            <button class="btn btn-sm btn-default" ng-click="vm.reset()">
                                <i class="fa fa-refresh"></i> {{'common.reset' | translate}}
                            </button>
                            <!--  -->
                        </div>
                    </form>
                </div>
                <div class="b-b"></div>
                <div class="panel-body ">
                    <table id="flexiGrid" iss-flexigrid="vm.options" flexigrid-control="vm.flexigridObjDModel"></table>
                </div>
            </div>
        </div>
    </div>
</div>

